*{
    margin: 0;
    padding: 0;
    font-size:16px;
}
body,html{
    width: 100%;
    height:100%;
    overflow: hidden;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
.big-box{
    width: 100%;
    height:500%;
    position: absolute;
    text-align: center;
    transition: 0.3s;
    top: 0;
}
#down{
    position: absolute;
    z-index: 4;
    bottom: 3vh;
    left:97.21vh;
    width: 102px;
    height:80px;
    background:url("./images/downdown.png") no-repeat center;
    animation: star 2s infinite linear;
}
@keyframes star {
    0%{
        opacity: 0.1;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0.1;
    }
}
.header {
    width: 100%;
    height:70px;
    position: fixed;
    top:0;
    left:0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.7);
    z-index: 1;
}
.header .hson{
    width: 1200px;
    height: 40px;
}
.hson .main{
    width:70%;
    height: 100%;
    float: right;
    position: relative;
}

.hson ul{
    float: left;
}
.hson li{
    position: relative;
    text-align: center;
    width: 105px;
    height: 41px;
    line-height: 41px;
}
.hson li>.fi{
    color:#ccccc7;
    font-size:17px;
}
.hson li>.nof{
    display: none !important;
    transition: 0.2s;
    font-size: 14px;
    color:#ccccc7;
    background-color:rgba(0,0,0,0.8);
}
.hson li>.nof:hover{
    color:#999;
}
.hson li:hover>.nof{
    display: block !important;
}
.hson .activeli .fi{
    color:#ab0210;
    font-weight: 700;
}
.fix ul{
    position:fixed;
    z-index: 1;
    top:35.3vh;
    right:2px;
    border-radius:1vh;
    box-shadow: -2px -1px 3px 4px rgba(0,0,0,0.1);
}
.fix ul .first{
    border-radius: 1vh 1vh 0px 0px;
    border-top:0;
}
.fix ul .last{
    border-radius:0 0 1vh 1vh;
}
.fix ul li{
    height:7.48vh;
    width: 8.34vh;
    background-color:#f8f6f6;
    border-top: 1px solid #b7c6e1;
}
.fix ul li p{
    width: 8.34vh;
    height: 2.68vh;
    text-align: center;
}
.fix ul li a i{
    display: block;
    font-style: normal;
    font-size:1.7vh;
    margin-left:0.74vh;
    padding-top:0.42vh;
}
.fix ul li a{
    display: block;
    height:6.2vh;
    width: 8.34vh;
    padding-top:1.39vh;
    color:#68687e;
}
.fix ul li a:hover{
    background-color: rgba(33, 110, 244);
    color:#fff;
}
.fix ul .first a:hover{
    border-radius:1vh 1vh 0 0;
    background-color: rgba(33, 110, 244);
    color:#fff;
}
.fix ul .last a:hover{
    border-radius:0 0 1vh 1vh;
    background-color: rgba(33, 110, 244);
    color:#fff;
}
.item {
    width: 100%;
    height:100vh;
    position: relative;
}

.item1 .tt >h1{
    display: inline-block; 
    color:#01eae8; 
    font-size: 5.34vh;
    font-weight:700;
}
.item1 .tt{
    display: inline-block;
    position: absolute;
    top:26.73vh;
    left:85.56vh;
    background: transparent !important;
}
.item1 .duanluo{
    color:#fff;
    position: absolute;
    top:35.82vh;
    left:77vh;
    width: 75.93vh;
    text-align: left;
    line-height: 3.74vh;
    padding:4.59vh 5.02vh 6.41vh 0;
    background: rgba(0,0,0,0.6) !important;
}
.item1 .circle{
    position: absolute;
    height:10.69vh;
    width: 10.69vh;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border:2px dashed #847e85;
    animation: rotate_ 8s infinite linear;
    background: transparent !important;
}
.item1 span{
    position: absolute;
    height:10.05vh;
    width: 10.05vh;
    border-radius: 50%;
}
.item1 .circle1{
    height: 16.57vh;
    width: 16.57vh;
    top: 28.12vh;
    left: 49.51vh;
}
.item1 .circle2{
    height: 14.33vh;
    width: 14.33vh;
    top: 41.6vh;
    left: 35.93vh;
}
.item1 .circle3{
    height: 21.06vh;
    width: 21.06vh;
    top: 48.87vh;
    left: 51.33vh;
}
.item1 .s1{
    height: 15.50vh;
    width: 15.50vh;
    top: 28.89vh;
    left: 50.29vh;
    background: url("./images/sec1pic1.png") no-repeat center;
    background-size: cover;
}
.item1 .s2{
    height: 13.26vh;
    width: 13.26vh;
    top: 42.35vh;
    left: 36.68vh;
    background: url("./images/sec1pic2.png") no-repeat center;
    background-size: cover;
}
.item1 .s3{
    height: 20vh;
    width: 20vh;
    top: 49.62vh;
    left: 52.08vh;
    background: url("./images/sec1pic3.png") no-repeat center;
    background-size: cover;
}

@keyframes rotate_{
    from{
        transform: rotate(360deg);
    }
    to{
        transform: rotate(0deg);
    }
}

.item2 h1{
    position: absolute;
    top:29.06vh;
    left:104.81vh;
}
.item2 ol{
    position: absolute;
    top:37.08vh;
    text-align: left;
    left:104.81vh;
    
}
.item2 li{
    height:3.31vh;
    text-align: left;
    line-height: 3.31vh;
    margin-bottom: 2.13vh;
    
}
.item2 li>a{
    margin-left: 5px; 
    color:#fff;
    padding-bottom: 4px;
    border-bottom: 1px solid #01eae8;
}
.item2 li>a:hover{
    color:#999;
}
.item2 .span-b{
    font-size:2.5vh;
    color:#000;
    font-weight: 700;
    padding:2px;
    background-color: #01eae8;
}
.item2 .span-r{
    font-size: 5.34vh;
    color:#01eae8;
}

.item2 div{
    position: absolute;
    top:80.83vh;
    right:45.26vh;
}
.item2 div>a{
    opacity: 1;
    color:#01eae8;
}
.item2 div>a:hover{
        opacity: 0.8;
}
.item3 h1{
    position: absolute;
    top:29.06vh;
    left:104.81vh;
}
.item3 span{
    font-size: 5.34vh;
    color:#01eae8;
}
.item3 p{
    position: absolute;
    top:37.43vh;
    left:90.90vh;
    border:2px solid #fff;
    color:#fff;
    line-height: 3.2vh;
    text-align: left;
    font-size: 1.60vh;
    width: 50.05vh;
    padding:8.02vh 3vh 8.02vh 13.36vh;
} 

.item3 div{
    width: 59.68vh;
    height: 41.68vh;
    position: absolute;
    top:30vh;
    left:38.50vh;
    background:url("./images/sec4pic1.jpg") no-repeat center;
    background-size: cover;
}

.item4 h1{
    font-size: 3.78vh;
    color:#01eae8;
    position: absolute;
    top: 21.39vh;
    left:92.62vh;
}
.item .line{
    position: absolute;
    top: 27.8vh;
    left:95.18vh;
    width: 13.36vh;
    margin-top:1vh;
    border-top:2px solid #fff;
}
.item4 p{
    position: absolute;
    top:33.15vh;
    left:54.75vh;
    color:#fff;
    line-height: 3vh;
    font-size: 1.6vh;
    width: 94.65vh;
    text-align: left;
}
.item4 .img-r{
    position: absolute;
    width: 101.6vh;
    height: 29.94vh;
    top:42.78vh;
    left:51.55vh;
    border-radius: 15px;
    background:url("./images/sec5pic1.png") no-repeat center;
    background-size: cover;
}
.item5 h1{
    position: absolute;
    top:26.73vh;
    left:43.85vh;
}
.item5 span{
    font-size: 5.34vh;
    color:#01eae8;
}
.item5 p{
    position: absolute;
    top:37.23vh;
    left:43.85vh;
    color:#fff;
    line-height: 3vh;
    font-size: 1.6vh;
    width: 51.33vh;
    text-align: left;
}
.item5 div{
    position: absolute;
    top: 21.39vh;
    left:110.48vh;
    width: 34.97vh;
    height: 55.93vh;
    background:url("./images/sec6pic1.png") no-repeat center;
    background-size: cover;
}
.item6 h1{
    position: absolute;
    top:17.64vh;
    left:69.51vh;
    font-size: 3.85vh;
    color:#01eae8;
}
.item6 h1>i{
    font-style: normal;
    font-size: 3.85vh;
    color:#01eae8;
    padding-bottom: 1.6vh;
    border-bottom: 2px solid #fff;
}
.item6 p{
    position: absolute;
    top:28.87vh;
    left:58.50vh;
    color:#fff;
    line-height: 3vh;
    font-size: 1.6vh;
    width: 88.23vh;
    text-align: left;
}
.item6 div{
    position: absolute;
    top:37.43vh;
    left:70.58vh;
    width: 64.17vh;
    height: 36.14vh;
    border-top: 2vh solid rgba(0,0,0,0.3);
    border-bottom: 2vh solid rgba(0,0,0,0.3);
}
.item7 h1{
    position: absolute;
    top:17.11vh;
    left:90.90vh;
    font-size: 3.85vh;
    color:#01eae8;
}
.item7 h1>i{
    font-size: 3.85vh;
    font-style: normal;
    color:#01eae8;
    padding-bottom: 1.6vh;
    border-bottom: 2px solid #fff;
}
.item7 .one{
    position: absolute;
    top:33.90vh;
    left:51.55vh;
    width: 24.59vh;
    height: 41.81vh;
    background-color: #fff;
}
.item7 .two{
    position: absolute;
    top:44.91vh;
    left: 77.32vh;
    width: 24.59vh;
    height: 41.81vh;
    background-color: #fff;
}
.item7 .three{
    position: absolute;
    top:33.90vh;
    left: 102.99vh;
    width: 24.59vh;
    height: 41.81vh;
    background-color: #fff;
}
.item7 .four{
    position: absolute;
    top:44.91vh;
    left: 128.77vh;
    width: 24.59vh;
    height: 41.81vh;
    background-color: #fff;
}
.item7 div h2{
    font-size: 3.2vh;
    color:#00a2a1;
    margin-bottom: 1.7vh;
}
.item7 div p{
    font-size:1.92vh;
    width: 19.25vh;
    height: 8.55vh;
    margin:0 2.67vh;
}
.item7 div .img-t{
    width: 24.59vh;
    height: 14.11vh;
    background: url("./images/sec7_img1.jpg") no-repeat center;
    background-size: cover;
}
.item7 .two .img-t{
    background: url("./images/sec7_img2.jpg") no-repeat center;
    background-size: cover;
}
.item7 .three .img-t{
    background: url("./images/sec7_img3.jpg") no-repeat center;
    background-size: cover;
}
.item7 .four .img-t{
    background: url("./images/sec7_img4.jpg") no-repeat center;
    background-size: cover;
}
.item8 h1{
    position: absolute;
    top:24.59vh;
    left:90.90vh;
    font-size: 5.34vh;
    color:#fff;
}
.item8 h1>b{
    font-size: 5.34vh;
    color:#01eae8;
}
.item8 p{
    position: absolute;
    top:32.62vh;
    left:85vh;
    width: 61.06vh;
    font-size: 1.71vh;
    line-height: 3.63vh;
    text-align: left;
    color:#fff;
    padding: 4.91vh 4.81vh 14.43vh;
    background: rgba(0,0,0,0.5);
}
.item8 .img-q{
    position: absolute;
    top: 13.36vh;
    left:39.57vh;
    width: 115vh;
    height: 71.33vh;
    background: url("./images/sec2pic1.png") no-repeat center;
    background-size: cover;
    animation: moveup-down 2s infinite linear;
    z-index: 1;
}
@keyframes moveup-down{
    0%{
        top: 13.36vh;
    }
    50%{
        top:11.36vh;
    }
    100%{
        top: 13.36vh;
    }
}
.item8 .img-w{
    position: absolute;
    top:43.85vh;
    left:29.94vh;
    width: 71.44vh;
    height: 42.67vh;
    background: url("./images/sec2pic2.png") center no-repeat;
    background-size: cover;
    z-index: 0;
}
.item9 h1{
    position: absolute;
    top:26.73vh;
    left:42.24vh;
    font-size: 5.34vh;
    color:#fff;
}
.item9 i{
    font-style: normal;
    font-size: 5.34vh;
    color:#01eae8;
}
.item9 p{
    position: absolute;
    top:37.96vh;
    left:42.24vh;
    color:#fff;
    font-size: 1.71vh;
    text-align: left;
    width:34.43vh;
    line-height: 3.63vh;
}
.item9 .img-o{
    position: absolute;
    top: 62.03vh;
    left:147.91vh;
    width: 14.22vh;
    height: 21.17vh;
    background: url("./images/sec3map.png") no-repeat center;
    background-size: cover;
}
.item9 .circle_1{
    position: absolute;
    top: 58.61vh;
    left:87.7vh;
    width: 10.55vh;
    height: 10.55vh;
    border-radius: 50%;
    border: 1px dashed #999;
    animation: rotate_ 8s infinite linear;
}
.item9 .circle_2{
    position: absolute;
    top:59.25vh;
    left:88.34vh;
    width: 9.48vh;
    height:9.48vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    font-size: 2.45vh;
    font-weight:700;
    color:#122959;
}
.item9 .circle_3{
    position: absolute;
    top: 66vh;
    left: 84.4vh;
    width: 5.56vh;
    height: 5.56vh;
    border-radius: 50%;
    border:1px dashed #999;
    animation: rotate_ 9s infinite linear;
}
.item9 .circle_4{
    position: absolute;
    top: 66.48vh;
    left: 84.95vh;
    width: 4.8vh;
    height:4.8vh;
    background-color: rgba(0, 132, 255,0.5);
    border-radius: 50%;
}
.item10 h1{
    position: absolute;
    top:23.52vh;
    left:45.98vh;
    font-size: 5.34vh;
    color:#fff;
}
.item10 i{
    font-size:5.34vh;
    color: #01eae8;
    font-style: normal;
    font-weight: 700;
}
.item10 p{
    position: absolute;
    top:34.75vh;
    left:45.98vh;
    color:#fff;
    font-size: 1.71vh;
    text-align: left;
    width:54.75vh;
    line-height: 3.63vh;
}
.item10 .c1{
    position: absolute;
    top:56.68vh;
    left:66.52vh;
    width: 13.94vh;
    height: 13.94vh;
    border-radius: 50%;
    border:1px dashed #999;
    animation: rotate_ 8s infinite linear;
}
.item10 .c1_1{
    position: absolute;
    top:57.25vh;
    left:67.15vh;
    width: 12.94vh;
    height: 12.94vh;
    border-radius: 50%;
    background: url("./images/sec16pic2.png") no-repeat center;
    background-size: cover;
}
.item10 .c2{
    position: absolute;
    top:71.33vh;
    left:88.82vh;
    width: 9.9vh;
    height: 9.9vh;
    border-radius: 50%;
    border:1px dashed #999;
    animation: rotate_ 8s infinite linear;
}
.item10 .c2_2{
    position: absolute;
    top:71.83vh;
    left:89.42vh;
    width: 8.9vh;
    height: 8.9vh;
    border-radius: 50%;
    background: url("./images/sec16pic3.png") no-repeat center;
    background-size: cover;
}
.item11 h1{
    position: absolute;
    top:20.53vh;
    left:89.30vh;
    font-size: 3.85vh;
    color:#01eae8;
}
.item11 b{
    font-size:3.85vh;
    padding-bottom: 1.6vh;
    border-bottom: 2px solid #fff;
}
.item11 p{
    position: absolute;
    top:31.01vh;
    left:51.33vh;
    color:#fff;
    font-size: 1.71vh;
    text-align: left;
    width:102.67vh;
    line-height: 3.63vh;
}
.item11 div{
    position: absolute;
    top:47.45vh;
    left:51.33vh;
    width: 102.78vh;
    height: 22.24vh;
    background: url("./images/bookspic1.png") no-repeat center;
    background-size: cover;
}
.item12 .circleit{
    position: absolute;
    top:31.43vh;
    left:76.50vh;
    width: 51.87vh;
    height: 51.87vh;
    border-radius: 50%;
}
.item12 h1{
    margin-top:13.68vh;
    left:84.37vh;
    font-size: 3.85vh;
    color:#0a2851;
}
.item12 b{
    font-size:3.85vh;
    padding-bottom: 1.6vh;
    border-bottom: 2px solid #071420;
}
.item12 p{
    margin-top: 3.31vh;
    margin-left:7.7vh;
    color:#000;
    font-size: 1.71vh;
    text-align: left;
    width:36.79vh;
    line-height: 3.63vh;
}
.item13 h1{
    position: absolute;
    top:20.85vh;
    left:89.3vh;
    left:84.37vh;
    font-size: 3.85vh;
    color:#fff;
}
.item13 h1>i{
    font-size: 3.85vh;
    font-style: normal;
    color:#fff;
    padding-bottom: 1.6vh;
    border-bottom: 2px solid #fff;
}
.item13 p{
    position: absolute;
    top:31.02vh;
    left:47.37vh;
    color:#fff;
    font-size: 1.71vh;
    text-align: left;
    width:110.58vh;
    line-height: 3.63vh;
}
.item13 .cir{
    position: absolute;
    top:47.05vh;
    width: 23.85vh;
    height: 23.85vh;
    border-radius: 50%;
    border:1px dashed #999;
    animation: rotate_ 10s infinite linear;
}
.item13 .cir_{
    position: absolute;
    top: 48.2vh;
    width: 21.85vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:1.92vh;
    height: 21.85vh;
    border-radius: 50%;
    background-color: #00fcff;
}
.item13 .cir1{
    left:47.59vh;
}
.item13 .cir1_{
    left: 48.7vh;
}
.item13 .cir2{
    left:76.46vh;
}
.item13 .cir2_{
    left:77.57vh;
    background-color: #84fbfc;
}
.item13 .cir3{
    left:105.33vh;
}
.item13 .cir3_{
    left:106.44vh;
}
.item13 .cir4{
    left:134.2vh;
}
.item13 .cir4_{
    left:135.31vh;
    background-color: #84fbfc;
}
.item14 h1{
    position: absolute;
    top:18.71vh;
    left:89.30vh;
    font-size: 3.85vh;
    color:#fff;
}
.item14 h1>i{
    font-size: 3.85vh;
    font-style: normal;
    color:#fff;
    padding-bottom: 1.6vh;
    border-bottom: 2px solid #fff;
}
.item14 .op{
    position: absolute;
    top:32.08vh;
    width:51.12vh;
    height:57.21vh;
    background-color: #fff;
    border-radius: 2vh;
}
.op1{
    left:46.78vh;
}
.op2{
    left:107.2vh;
}
.op img{
    width: 51.12vh;
    height:25.98vh;
}
.op h2{
    color:#002a50;
    font-size: 2.56vh;
    margin-top:2.6vh;
}
.op p{
    color:#333;
    font-size:1.71vh;
    line-height: 3vh;
    text-align: left;
    margin:2.6vh 2.4vh 0 2.6vh;
}
.item15 h1{
    position: absolute;
    top:16.57vh;
    left:89.09vh;
    font-size: 3.85vh;
    color:#fff;
}
.item15 h1>i{
    font-size: 3.85vh;
    font-style: normal;
    color:#fff;
    padding-bottom: 1.6vh;
    border-bottom: 2px solid #fff;
}
.item15 p{
    position: absolute;
    top:26.73vh;
    left:48vh;
    color:#fff;
    font-size: 1.71vh;
    text-align: left;
    width:110.58vh;
    line-height: 3.63vh;
}
.item15 img{
    position:absolute;
    top:36.89vh;
    left:60.96vh;
    width:83.42vh;
    height:44.59vh;
    z-index:1;
}
.item15 div{
    position: absolute;
    top: 22.75vh;
    left: 42.65vh;
    width: 111.81vh;
    height: 62.6vh;
    background: url("./images/sec19pic3.png") no-repeat center;
    background-size: cover;
}

.item16 h1{
    position: absolute;
    top:16.57vh;
    left:89.09vh;
    font-size: 3.85vh;
    color:#01eae5;
}
.item16 h1>i{
    font-size: 3.85vh;
    font-style: normal;
    color:#01eae5;
    padding-bottom: 1.6vh;
    border-bottom: 2px solid #fff;
}
.item16 p{
    position: absolute;
    top:26.73vh;
    left:48vh;
    color:#fff;
    font-size: 1.71vh;
    text-align: left;
    width:118.07vh;
    line-height: 3.63vh;
}
.cd {
    position:absolute;
    top:45.24vh;
    width: 17.75vh;
    height: 26.41vh;
}
.cd .c{
    width: 17.3vh;
    height:17.3vh;
    border-radius: 50%;
    border:2px dashed #01eae8;
    animation: rotate_ 9s infinite linear;
}
.cd .c_{
    position: absolute;
    top:1.5vh;
    left:1.5vh;
    width:14.75vh;
    height: 14.75vh;
    border-radius: 50%;
    background-size: cover;
}
.cd>.word{
    width: 17.75vh;
    display: flex;
    margin-top:2.3vh;
    padding-left:0.3vh;
    justify-content: center;
    align-items: center;
    color: #01eae8;
    font-size: 1.71vh;
    line-height: 2.56vh;
}
.cd .c_1{
    background: url("./images/hmc.png") no-repeat center;
}
.cd .c_2{
    background: url("./images/bxgc.png") no-repeat center;
}
.cd .c_3{
    background: url("./images/czzxxy.png") no-repeat center;
}
.cd .c_4{
    background: url("./images/kdyc.png") no-repeat center;
}
.cd .c_5{
    background: url("./images/czhc.png") no-repeat center;
}
.cd .c_6{
    background: url("./images/yxbc.png") no-repeat center;
}
.d1{
    left:45.92vh;
}
.d2{
    left:66.77vh;
}
.d3{
    left:87.62vh;
}
.d4{
    left:108.47vh;
}
.d5{
    left:129.32vh;
}
.d6{
    left:150.17vh;
}
.item17 h1{
    position: absolute;
    top:17.11vh;
    left:94.86vh;
    color:#fff;
    font-size: 3.85vh;
}
.item17 i{
    font-size: 3.85vh;
    font-style: normal;
    color:#fff;
    padding-bottom: 1.6vh;
    border-bottom: 2px solid #fff;
}
.phone-number{
    padding-left:4.27vh;
    position: absolute;
    top:26.73vh;
    left:90.90vh;
    background: url("./images/phone.png") no-repeat left;
    color:#fff;
    font-size: 1.71vh;
    height:3.42vh;
    line-height: 3.42vh;
}
.phone-number>b{
    font-weight: 400;
}
.click-link{
    padding-left:4.27vh;
    position: absolute;
    top:32vh;
    left:90.90vh;
    background: url("./images/books.png") no-repeat left;
    line-height: 3.42vh;
    height:3.42vh;
}
.click-link>a{
    color:#fff;
    font-size: 1.71vh;
    text-decoration: underline;
}
.item17 img{
    position: absolute;
    top:39.57vh;
    left:0;
    width: 100vw;
    height: 42.78vh;
}

.contain{
    position: fixed;
    right:10.7vh;
    top:26%;
}
.contain li{
    margin-top: 15px;
}
.contain li div{
    margin:auto;
    height:10px;
    width:10px;
    background-color: white;
    text-align: center;
    line-height: 30px;
    clip-path: circle(5px at 50% 50%);
}
.contain .active{
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid white;
}